<template>
	<view class="my_chall">
		<view class="challitem">
			<view class="tidata">
				<view class="sum">第1关</view>
				<view class="tex">第1天坐姿、执笔姿势和控笔训练</view>
			</view>
			<view class="conter">
				<view class="score">
					<template v-if="1 == 0">
						<view>8</view>
						<view>本次得分</view>
					</template>
					<template v-else>
						<view class="msg">耐心等待，老师点评中...</view>
					</template>
				</view>
				<view class="stau">
					<template v-if="1 == 0">
						<image src="/static/my_c1.png"></image>
						<view>未上光荣榜,再接再厉</view>
					</template>
					<template v-else>
						<image src="/static/my_c2.png" class="cimg"></image>
						<view class="stex">恭喜上光荣榜拉，真棒！</view>
					</template>
				</view>
				<view class="btns">
					<view>查看》</view>
					<view class="submit">
						<image src="/static/xg.png"></image>
						<view>重新提交</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss">
	.my_chall{
		padding: 5rpx 0;
		.challitem{
			background-color: #fff;
			.tidata{
				padding: 20rpx 0rpx;
				text-align: center;
				border-bottom: 1rpx solid rgba(249, 249, 249, 1);
				font-size: 28rpx;
				.sum{
					margin-bottom: 6rpx;
				}
			}
			.conter{
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding: 20rpx 35rpx;
				text-align: center;
				.score{
				    color: rgba(42, 130, 228, 1);
					& view:nth-child(1){
						font-size: 40rpx;
					}
					.msg{
						color: rgba(128, 128, 128, 1);
						font-size: 24rpx !important;
					}
				}
				.stau{
					image{
						width: 34rpx;
						height: 34rpx;
					}
					view{
						color: rgba(128, 128, 128, 1);
					}
					.cimg{
						width: 76rpx;
						height: 54rpx;
					}
					.stex{
						color: rgba(255, 87, 51, 1);
					}
				}
				.btns{
					view{
						font-size: 24rpx;
                        color: rgba(153, 153, 153, 1);
					}
					.submit{
						view{
							color: rgba(42, 130, 228, 1);
						}
                        image{
							width: 24rpx;
							height: 24rpx;
						}
					}
				}
			}
		}
	}
</style>